<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Title</title>
    <style>
        .pg-header {
            height: 38px;
            background: #dddddd;
            line-height: 38px;
        }
    </style>
</head>
<body style="margin: 0 auto;">
<div class="pg-header">
    <div style="width: 980px;margin: 0 auto;">
        <div style="float: left">收藏本站</div>
        <div style="float: right">
            <a>登陆</a>
            <a>注册</a>
            <a>我的订单</a>
            <a>我的收藏</a>
        </div>
    </div>
</div>
<div class="header1">
    <div style="width: 1200px;height: 100px;line-height: 100px;margin: 0 auto;">
        <div style="width: 200px;height: 100px;float: left;">
            <img src="timg.jpg" style="width: 200px;height: 100px;"/>
        </div>
        <div style="width: 50%;height: 100px;text-align: center;;float: left;">
            <input size="30" type="text"/>
            <button><a>搜索</a></button>
        </div>
        <div style="float: right;">
            <a style="border: 2px solid grey;">购物车两件</a>
        </div>
    </div>
    <div style="clear: both;"></div>
</div>
<div class="header2" style="background-color:red;">
    <div style="height: 50px;width: 1200px;margin: auto;line-height:50px;">
        <div style="float: left;margin-left:30px;margin-right: 30px;">
            <a>全部商品分类</a>
        </div>
        <div style="float: left;margin-left: 50px;">
            <a>首页</a>
            <a>网上超市</a>
            <a>水果超市</a>
        </div>
        <div style="float: right;">
            <a>研究院</a>
            <a>论坛</a>
        </div>

    </div>
    <div style="clear: both;"></div>
</div>
<div class="pg-foot">
    <div style="height: 500px;width: 1200px;margin: auto;">
        <div style="color:white;margin-right: 50px;background-color: gray;height: 100%;width: 11%;float: left;border: 3px solid gray;">
            <ul>
                <li style="margin: 10px;">
                    <a>南方水果</a>
                </li>
                <li style="margin: 10px;font-size: 1px">
                    <span>火龙果</span>
                </li>
                <li style="margin: 10px;">
                    <a>南方水果</a>
                </li>
                <li style="margin: 10px;font-size: 1px">
                    <span>火龙果</span>
                </li>
                <li style="margin: 10px;">
                    <a>南方水果</a>
                </li>
                <li style="margin: 10px;font-size: 1px">
                    <span>火龙果</span>
                </li>
                <li style="margin: 10px;">
                    <a>南方水果</a>
                </li>
                <li style="margin: 10px;font-size: 1px">
                    <span>火龙果</span>
                </li>
            </ul>
        </div>
        <div style="width: 80%;float: left;margin-top: 10px;">
            <span>首页-家电-数字电视</span>
        </div>
        <div style="width: 80%;float: left;border: 1px solid gray;border-top: 3px solid red;margin-top: 10px;">
            <ul>
                <li>
                    <span style="font-weight: bold;margin: auto;margin-top: 10px;">您已选择:</span>
                    <a>家电</a>
                </li>
                <li>
                    <span style="font-weight: bold;">材质:</span>
                    <a>家电</a>
                </li>
                <li>
                    <span style="font-weight: bold;">品类:</span>
                    <a>家电</a>
                </li>
                <li>
                    <span style="font-weight: bold;">价格:</span>
                    <a>家电</a>
                </li>
            </ul>
        </div>
        <div style="width: 80%;border: 1px solid red;float: left;margin:auto;margin-top: 50px;text-align: center">
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>
            <div style="margin:10px;width: 200px;height:200px;border: 1px solid green;float: left;">
                <div>
                    <a href="xxx">
                        <img src="timg.jpg" style="height: 110px;width: 90%;"/>
                    </a>
                </div>
                <div style="margin: 12px;">
                    高清数字电视
                </div>
                <div style="float: left;color: red;margin-right: 20px;margin-left: 10px;;">
                    Y69元
                </div>
                <div style="margin: 0;">
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">+</span>
                    <input type="text" style="border: 1px solid gray;float: left;width: 40px;height: 18px;">1</input>
                    <span style="border: 1px solid gray;margin: 0;float: left;width: 20px;height: 20px;">-</span>
                </div>
                <div>
                    <button>
                        <img src="timg.jpg" style="width: 15px;height: 15px;"/>
                    </button>
                </div>
            </div>

            <div style="clear: both;"></div>
        </div>
    </div>

</div>


</body>
</html>